//################################
// 版权所有：中国农业银行软件开发中心
// 系统名称：移动办公应用-手机版
// 文件名称：myItem.js
// 创建时间：2016年09月20日
// 创建人员：Panda
// 功能说明：my item组件
//################################

'use strict';

import React, {Component} from 'react';
import {
    View,
    StyleSheet,
    Text,
    Image,
} from 'react-native';

import {
    FontSizes,
    Colors,
    UIConstants,
} from '../../common';
import Images from '../../images';

class MyProfileItem extends Component {
    constructor(props) {
        super(props);

        this.pressCounts = 0;
    }

    render() {
        return (
            <View style={{flexDirection: 'row',alignItems: 'center',backgroundColor: Colors.appBackground,}}>
                <View style={{alignItems: 'center',}}>
                    <Image source={this.props.imageSource} style={styles.image} resizeMode={Image.resizeMode.contain} />
                </View>
                <View style={{flex:1,flexDirection: 'column',alignItems: 'flex-start',}}>
                    <View>
                        <Text style={styles.itemtext1}>{this.props.itemName}</Text>
                    </View>
                    <View>
                        <Text style={styles.itemtext2}>{this.props.itemLocation}</Text>
                    </View>
                </View>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    image: {
        margin:3,
        marginLeft: 20,
        width: 64,
        height: 64,
    },
    itemtext1: {
        fontSize: 16,
        color: Colors.myItem,
        marginLeft: 10,
        marginTop: 10,
    },
    itemtext2: {
        fontSize: 13,
        color: Colors.myItem,
        marginLeft: 10,
        marginTop: 5,
        marginRight:15,
        marginBottom:10,
    },
});

export default MyProfileItem;